<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Hello World</title>
    <script src="js/vue.js"></script>
    <script>
        window.onload=function(){
            //配置是否允许vue-devtools检查代码，方便调试，生产环境中需要设置为false
            Vue.config.devtools=false;
            Vue.config.productionTip=false; //阻止vue启动时生成生产消息

            var vm=new Vue({
                el:'#itany', //指定关联的元素
                data:{ //存储数据
                    msg:'Hello World'
                }
            });
            console.log(vm);
        }
    </script>
</head>
<body>
<div id="itany">
    {{msg}} <!-- 两对大括号{{}}称为模板，用来进行数据的绑定显示在页面中 -->
</div>

<h3>
    {{msg}}
</h3>
</body>
</html>